<!DOCTYPE html>
<html>
<head lang="en">
  <meta charset="UTF-8">
  <meta name='viewport' content="width=device-width, initial-scale=1.0">
  <meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" />
  <title>首页</title>
  <link rel="icon" type="image/png" href="">
  <link rel="stylesheet" type="text/css" href="resources/style/reset.css">
  <link rel="stylesheet" type="text/css" href="resources/awe/awesome.css" />
  <link rel="stylesheet" type="text/css" href="resources/icon_font_2/iconfont.css" />
  <link rel="stylesheet" type="text/css" href="resources/icon_font/iconfont.css" />
  <link rel="stylesheet" type="text/css" href="resources/style/idangerous.swiper.css">
  <link rel="stylesheet" type="text/css" href="resources/style/index.css">
</head>
<body style="min-width: 946px;">
   <div class="head">
      <iframe src="WEB-INF/head.html?id=0" echo="1" frameborder="0" style="width:100%;height:170px;"></iframe>
   </div>
   <div class="head-box"></div>
   <div class="swiper-container">
    <div class="swiper-wrapper">
          <div class="swiper-slide"><img src="./resources/images/banner_02.png" alt=""></div>
          <div class="swiper-slide"><img src="./resources/images/dynamic_banner_02.png" alt=""></div>
          <div class="swiper-slide"><img src="./resources/images/demonstration_banner_02.png" alt=""></div>
          <div class="swiper-slide"><img src="./resources/images/introduce_banner_02.png" alt=""></div>
          <div class="swiper-slide"><img src="./resources/images/tryout_banner_02.png" alt=""></div>
    </div>
    <!-- 如果需要分页器 -->
    <div class="swiper-pagination"></div>
    <!-- 如果需要导航按钮 -->
    <div class="swiper-button-prev nav-btn"></div>
    <div class="swiper-button-next nav-btn"></div>
  </div>
  <div class="main">
    <div class="box" id="article"></div>
  </div>
  <div class="footer">
     <iframe src="WEB-INF/footer.html" frameborder="0" style="width:100%;height:360px;"></iframe>
  </div>
  <script type="text/javascript" src="./resources/js/jquery-1.9.1.min.js"></script>
  <script type="text/javascript" src="./resources/js/tangram-min.js"></script>
  <script type="text/javascript" src="./resources/js/tangram-ext.js"></script>
  <script type="text/javascript" src="./resources/js/baiduTemplate.js"></script>
  <script type="text/javascript" src="./resources/js/idangerous.swiper.min.js"></script>

  <script type="text/template" id="main">
      <div class="title"><span>产品介绍</span><a href="./WEB-INF/introduce.html">更多&nbsp;<b class="fa  fa-angle-double-right"></b></a></div>
        <div class="introduce item-box clearfix"><!--产品介绍 -->
          [%for(var i in introduce){%]
            <div class="introduce-item">
              <p class="introduce-theme">[%=introduce[i].text%]</p>
              <ul class="theme-item" style="background: [%=introduce[i].background%]">
                [%for(var j in introduce[i].children){%]
                  <li><a><span class="introduce-icon"  style="background-position:-[%=(introduce[i].children[j].icon-1)*40%]px 0"></span><span>[%=introduce[i].children[j].text%]</span></a></li>
                [%}%]
              </ul>
            </div>
        [%}%]
      </div>
       <div class="title"><span>产品演示</span><a href="./WEB-INF/demonstration.html">更多&nbsp;&nbsp;<b class="fa  fa-angle-double-right"></b></a></div>
      <div class="demonstration item-box clearfix"><!--产品演示 -->
        [%for(var i in demonstration[0].children){%]
            <div class="demonstration-item">
               <div class="flex-box">
                   <div class="demonstration-demo" style="background-image:url(./resources/images/[%=demonstration[0].children[i].imgsrc%])"></div>
                   <p class="demonstration-title">[%=demonstration[0].children[i].text%]</p>
                   <div class="evaluate">
                        <p>
                           <a class="eye-count"><i class="fa fa-eye"></i>&nbsp;&nbsp;<b>[%=demonstration[0].children[i].like%]</b></a>&nbsp;&nbsp;&nbsp;&nbsp;
                           <a class="comment-count"><i class="fa fa-comment-o"></i>&nbsp;&nbsp;<b>[%=demonstration[0].children[i].comment%]</b></a>
                        </p>
                        <p class="time">
                          <b>[%=demonstration[0].children[i].data%]</b>
                        </p>
                   </div>
               </div>
            </div>
        [%}%]
      </div>
       <div class="title"><span>产品试用</span><a href="./WEB-INF/tryout.html">更多&nbsp;&nbsp;<b class="fa  fa-angle-double-right"></b></a></div>
      <div class="tryout item-box clearfix"><!--产品试用 -->
        [%for(var i in tryout){%]
            <div class="tryout-item">
              <div class="flex-box">
                  <div class="tryout-title" style="background-image:url(./resources/images/[%=tryout[i].imgsrc%])">
                    <i class="tryout-icon" style="background-position:-[%=(tryout[i].icon-1)*40%]px 0">&nbsp;</i><span>[%=tryout[i].text%]</span>
                  </div>
              </div>
            </div>
        [%}%]
      </div>
      <div class="title"><span>最新动态</span><a href="./WEB-INF/dynamic.html">更多&nbsp;&nbsp;<b class="fa  fa-angle-double-right"></b></a></div>
      <div class="dynamic item-box clearfix">
        <div class="consult-box">
          <div>
            <div class="dynamic-img" style="background-image:url(./resources/images/[%=dynamic[0].imgsrc%])"></div>
            <ul class="consult-item">
              [%for(var i in dynamic[0].children){%]
                <li><a>[%=dynamic[0].children[i].text%]</a></li>
              [%}%]
            </ul>
            <p class="consult-btn"><button>MORE</button></p>
          </div>
        </div>
        <div class="classify-box clearfix">
          [%for(var i in dynamic[1].children){%]
              <div class="classify-item" >
                <div style="background-image:url(./resources/images/[%=dynamic[1].children[i].imgsrc%])">
                   <div class="mark">[%=dynamic[1].children[i].text%]</div>
                </div>
              </div>
          [%}%]
        </div>
      </div>
  </script> 
  <script type="text/javascript">

      var o_id=0;

      var json={
        "introduce":[
          {
            "text":"三甲评审管理类",
             "background":"#138acf",
            "children":[
              {
                "text":"医院等级评审管理",
                "icon":"1",
                "src":""
              },
              {
                "text":"日常统计学评价指标",
                "icon":"2",
                "src":""
              },
              {
                "text":"不良事件上报管理",
                "icon":"3",
                "src":"",
              }
            ]
          },
          {
            "text":"日常质控管理",
            "background":"#00a0e9",
            "children":[
              {
                "text":"管理者视图",
                "icon":"4",
                "src":"",
              },
              {
                "text":"质控报告管理",
                "icon":"5",
                "src":"",
              },
              {
                "text":"绩效考核指标管理",
                "icon":"6",
                "src":"",
              }
            ]
          },
          {
            "text":"新产品发布",
            "background":"#f28535",
            "children":[
              {
                "text":"新产品发布",
                "icon":"7",
                "src":"",
              },
            ]
          },
          {
            "text":"统一门户链接",
             "background":"#7070fc",
            "children":[
              {
                "text":"统一门户链接",
                "icon":"8",
                "src":"",
              }
            ]
          }
        ],
        "demonstration":[
          {
            "text":"",
            "subtitle":"ALL / 等级评审 / 日常统计学 / 质控报告 / 管理者视图 / 绩效考核 / 不良事件",
            "children":[
              {
                "text":"等级评审系统操作演示",
                "comment":"899",
                "like":"233",
                "data":"2017-12-12",
                "imgsrc":"introduce_01.png"
              },
              {
                "text":"不良事件系统操作演示",
                "comment":"1929",
                "like":"233",
                "data":"2017-12-12",
                "imgsrc":"introduce_02.png"
              },
              {
                "text":"质控报告系统操作演示",
                "comment":"1929",
                "like":"233",
                "data":"2017-12-12",
                "imgsrc":"introduce_03.png"
              },
              {
                "text":"管理者视图系统操作演示",
                "comment":"1929",
                "like":"233",
                "data":"2017-12-12",
                "imgsrc":"introduce_4.png"
              },
              {
                "text":"绩效考核系统操作演示",
                "comment":"1929",
                "like":"233",
                "data":"2017-12-12",
                "imgsrc":"introduce_05.png"
              },
              {
                "text":"日常统计学系统操作演示",
                "comment":"1929",
                "like":"233",
                "data":"2017-12-12",
                "imgsrc":"introduce_06.png"
              }
            ]
          }
        ],
        "tryout":[
              {
                "text":"等级评审",
                "icon":"1",
                "imgsrc":"tryout_03.png"
              },
              {
                "text":"不良事件",
                "icon":"3",
                "imgsrc":"tryout_05.png"
              },
              {
                "text":"日常统计学",
                "icon":"2",
                "imgsrc":"tryout_07.png"
              }
        ],
        "dynamic":[
          {
            "text":"最新动态",
            "imgsrc":"dynamic_1.png",
            "children":[
              {"text":"1.长城网科荣获“新华三论剑”深圳赛区团体第一名"},
              {"text":"2.长城网科携手华为共创医疗大数据质控管理信息化新篇章"},
              {"text":"3.长城网科自主研发的大数据软件产品成功中标深圳市第三人民医院三甲软件项目"}
            ]
          },
          {
            "children":[
                {
                  "text":"政策",
                  "imgsrc":"dynamic_2.png"
                },
                {
                  "text":"案例",
                  "imgsrc":"dynamic_3.png"
                },
                {
                  "text":"市场动态",
                  "imgsrc":"dynamic_4.png"
                },
                {
                  "text":"联系我们",
                  "imgsrc":"dynamic_5.png"
                }
            ]
          }
        ]
      }
      var options={
          getArticle:function(){
              $("#article").html(baidu.template("main",json));
          }
      }

       options.getArticle();

   /*跳转*/
  </script>
<!-- 轮播--> 
  <script>
    var mySwiper = new Swiper ('.swiper-container', {
    direction: 'horizontal',
    loop: true,
    autoplay:5000,
    autoplayDisableOnInteraction:false,
    effect:"slide",
    speed:800,
    
  })        
    
  </script>
</body>
</html>